<template>
  <view>
    <view class="BigBox">
      <view class="imgBoxOne">
        <image src="../../static/image_one/gone.jpg" mode="" class="imgOne"></image>
      </view>
<!--      <view class="imgBoxOne">
        <image src="../../static/image_one/gone.jpg" mode="" class="imgOne"></image>
      </view>
      <view class="imgBoxOne">
        <image src="../../static/image_one/gone.jpg" mode="" class="imgOne"></image>
      </view> -->
    <!-- </view> -->
    <view class="imgBoxTwo">
      <image src="../../static/image_one/gtwo.jpg" mode="" class="imgTwo"></image>
    </view>
  </view>
    </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
  .BigBox {
    height: 1300rpx;
    background-color: #efefef;
    .imgBoxOne {
      width: 100%;
      height: 1300rpx;
      // margin: 0 auto;
      // border-radius: 20rpx;
      // overflow: hidden;
      .imgOne {
        width: 100%;
        height: 30%;
      }
    }
  }
  .imgBoxTwo {
    // 设置定位效果为“吸顶”
    position: sticky;
    // 吸顶的“位置”
    bottom: 0;
    // 提高层级，防止被轮播图覆盖
    z-index: 999;
    height: 100rpx;
    // background-color: aqua;
    .imgTwo {
      width: 100%;
      height: 100%;
    }
  }

</style>
